@import '../../../assets/theme/var';
.advance-search {
  position: relative;
  .serach-wrap {
    display: flex;
    justify-content: space-between;
    border: 1px solid;
    border-color: rgb(166, 166, 166);
    &:hover {
      border-color: rgb(33, 33, 33);
    }
    &.isActive {
      border-color: rgb(0, 120, 212);
    }

    .ms-SearchBox, .search-collaspe-menu {
      border: none;
    }

    .search-collaspe-menu {
      cursor: pointer;
      .collapse-icon {
        margin-right: 6px;
        margin-top: 6px;
      }
    }
    .ms-SearchBox {
      width: 100%;
      border: none;
    }

  }
  .search-down-wrap {
    position: absolute;
    z-index: 100; // fix 关系图里层级10
    width: 100%;
    margin-top: 1px;
    background-color: #ffffff;
    border: 1px solid #bbbbbb;
    box-shadow: 0px 0px 8px #bbbbbb;
    .search-list {
      border-bottom: 1px solid #bbbbbb;
      .dropdown-item {
        line-height: 30px;
        padding-left: 15px;
        cursor: pointer;
        &:hover {
          background: #f1f1f1;
          color: #3585d4
        }
      }
    }
  }
}

.search-callout {
  width: calc(100% - 30px);
  right: 15px; // 下拉宽度
  padding: 15px;
  .ms-Callout-main {
    position: static;
  }
  .option-item {
    margin-bottom: 15px;
  }
  .ms-Callout-beak, .ms-Callout-beakCurtain, .ms-Callout-calloutMain {
    background-color: rgb(235, 243, 250);
  }
  .ms-Grid {
    max-width: 380px;
  }
  .search {
    text-align: right;
  }
}
